<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="fonts/css/font-awesome.min.css">
    <style>
        .banner {
            width: 100%;
            overflow: hidden;
            /* 默认不可见 */
            visibility: hidden;
            position: relative;
        }
        
        .bannerImg {
            overflow: hidden;
            position: relative;
        }
        
        .bannerImg>li {
            float: left;
            width: 100%;
            position: relative;
        }
        
        .bannerImg>li a {
            width: 100%;
            display: block;
        }
        
        .bannerImg>li img {
            width: 100%;
            display: block;
        }
    </style>
</head>

<body>
    <!-- <div class="top">购物车</div> -->
    <!-- 头部 -->
    <div class="ymcl-top">
        <div class="logo"><img src="images/logo.png" alt=""></div>
        <div class="top-cen">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="company.html">公司概况</a></li>
                <li><a href="lake.html">华阳湖景区</a></li>
                <li><a href="#">岭南水乡小镇</a></li>
                <li><a href="#">意见反馈</a></li>
            </ul>
        </div>
        <div class="top-l">
            <input type="text" class="q">
            <button class="btn"></button>

        </div>
    </div>

    <div class="banner">
        <ul class="bannerImg clearfix">
            <li>
                <a href="javascript:;">
                    <img src="images/banners/banner1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="images/banners/banner2.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="images/banners/banner3.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="images/banners/banner4.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="images/banners/banner5.jpg" alt="">
                </a>
            </li>
        </ul>
    </div>
    <!-- <input type="button" value="上一张" id="prev">
    <input type="button" value="下一张" id="next"> -->
    <script src="js/swipe.js"></script>
    <script>
        window.mySwipe = Swipe(document.querySelector('.banner'), {
            auto: 2000
        });
        // document.getElementById('prev').onclick = function() {
        //     window.mySwipe.prev();
        // };
        // document.getElementById('next').onclick = function() {
        //     window.mySwipe.next();
        // };
    </script>


    <!-- 内容介绍 -->
    <div class="content">
        <div class="con-t">
            <div class="con-t-l">
                <div class="con-box">
                    <i>快速了解<a href="#">云南城投</a> </i>
                    <p>云南省城市建设投资集团有限公司(简称:云南城投集团，原名:云南省城市建 设投资有限公司，2012年7月更名)成立于2005年4月，是经云南省人民政府批 准组建的现代大型国有企业，是云南省人民政府授权的城建投资项目出资人代表及 实施机构。2009年2月,集团纳入云南省国资委监管。
                    </p>
                </div>

            </div>
            <div class="con-t-r"><img src="images/company.jpg" alt=""></div>
        </div>
        <ul class="con-b">
            <li class="con-b-r">

                <h1>公司介绍</h1>
                <p>广东云景旅游文化有限公司(简称:云景旅游)成立于2016年1月26日,注册资本金3亿元，是云南笞城市建设投资集团有限公司的控股子公司。
                </p>
            </li>
            <li class="con-b-c">
                <h1>发展目标</h1>
                <p>云景旅游以集团公司战略为发展目标。国绕集团公司战略部等，贡彻广东省产业转型升级的穗神，大力发展旅游文化产业,通过建设开发旅游资源，促进广东名搬游环境的发展。
                </p>
            </li>
            <li class="con-b-l">
                <h1>公司地址</h1>
                <p>集团公司:广东云景旅游文化产业有眼公司公司地址:广州市海珠区新港西路152号大晓联系电话:0871-67199708
                </p>
            </li>
        </ul>
    </div>

    <!-- 图片展示 -->
    <div class="main-middle">
        <!-- 1 -->
        <div class="jingqu">
            <div class="jq_title">
                <div class="jq-box"></div>
                <div class="jq_title_box">
                    <a href="#">华阳湖景区</a>
                    <!-- <img src="images/sidebar1.jpg" alt=""> -->
                </div>
            </div>
            <div class="jq_img">
                <ul>
                    <li>
                        <figure>
                            <img src="images/portfolio/hua_1.jpg" alt="">
                            <p>湿地公园</p>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="images/portfolio/hua_2.jpg" alt="">
                            <p>湿地公园</p>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="images/portfolio/hua_3.jpg" alt="">
                            <p>湿地公园</p>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="images/portfolio/hua_4.jpg" alt="">
                            <p>水上森林</p>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="images/portfolio/hua_5.jpg" alt="">
                            <p>水上森林</p>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="images/portfolio/hua_6.jpg" alt="">
                            <p>水上森林</p>
                        </figure>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 2 -->
        <div class="jingqu jingqu-top">
            <div class="jq_title jq_title-t">
                <div class="jq-box" style="background-color: rgba(221, 64, 90, 0.5);"></div>
                <div class="jq_title_box jq_title_box-pink">
                    <a href="#">岭南水乡小镇</a>
                    <!-- <img src="images/sidebar2.jpg" alt=""> -->
                </div>
            </div>
            <div class="jq_img">
                <ul>
                    <li>
                        <figure>
                            <img src="images/portfolio/lin_1.jpg" alt="">
                            <p>花海农庄</p>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="images/portfolio/lin_2.jpg" alt="">
                            <p>花海农庄</p>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="images/portfolio/lin_3.jpeg" alt="">
                            <p>花海农庄</p>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="images/portfolio/lin_4.jpg" alt="">
                            <p>深水鱼馆</p>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="images/portfolio/lin_5.jpg" alt="">
                            <p>深水鱼馆</p>
                        </figure>
                    </li>
                    <li>
                        <figure>
                            <img src="images/portfolio/lin_6.jpg" alt="">
                            <p>深水鱼馆</p>
                        </figure>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="bun">
        <div class="bun-box">
            <div class="bun-r">
                <div class="bun-r-box">
                    <p class="bun-img-l"></p>
                    <a href="#">你或许可以在这里找到一个合适你的工作，并收获一个大家庭</a>
                    <p class="bun-img-r"></p>
                </div>
            </div>
            <div class="bun-l">
                <div>
                    <div class="bun-l-top">
                        <span>更多</span>
                        <p>最新职位</p>
                    </div>

                    <ul>
                        <li>经理</li>
                        <span>2022-03-23</span>
                    </ul>
                    <ul>
                        <li>造价主管</li>
                        <span>2022-03-23</span>
                    </ul>
                    <ul>
                        <li>网络编程人员</li>
                        <span>2022-03-23</span>
                    </ul>
                    <ul>
                        <li>工程师</li>
                        <span>2022-03-23</span>
                    </ul>
                    <ul>
                        <li>文秘</li>
                        <span>2022-03-23</span>
                    </ul>
                    <ul>
                        <li>导游</li>
                        <span>2022-03-23</span>
                    </ul>

                </div>
            </div>
        </div>
    </div>

    <!-- 页尾 -->
    <div class="yes">
        <div class="yes-l">
            <p>@2020广东云景旅游文化产业有限公司</p>
            <ul>
                <li><a>友情链接</a></li>
                <li><a>隐私与安全</a></li>
                <li style="border: 0;"><a>法律声明</a></li>
            </ul>
        </div>
        <div class="yes-r">
            <!-- <a href="#">回到顶部</a> -->
            <button class="top" style="border: 0 solid #000;">回到顶部</button>
        </div>
    </div>
</body>

<script src="js/index.js"></script>



</html>